<template>
	<view class="hotsales">
		<view class="hotsales_one">
			<image :src="hotList[0].imgUrl" mode="widthFix" :data-value="'type=ranking'" @tap="url_event"></image>
		</view>
		<view class="hotsales_tow">
			<image :src="hotList[1].imgUrl" mode="widthFix" :data-value="'type=qualitygoods'" @tap="url_event"></image>
			<image :src="hotList[2].imgUrl" mode="widthFix" :data-value="'type=lowlaborcost'" @tap="url_event"></image>
		</view>
	</view>
</template>

<script>
	export default{
		// props:["hotList"],
		data(){
			return{
				
			}
		},
		props:{
			hotList:{
				type:Array,
				default:[]
			}
		},
		methods:{
			url_event(e){
				console.log(e);
				var value = e.currentTarget.dataset.value || null
				console.log(value);
				uni.navigateTo({
					url:"/pages/goods_ring/goods_ring?"+value
				})
			}
		}
	}
</script>

<style>
	.hotsales{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
	}
	.hotsales_one image{
		width: 170px !important;
		height: 200px !important;
		margin-left: 10px;
	}
	.hotsales_one{
		width: 50%;
	}
	.hotsales_tow{
		width: 50%;
		display: flex;
		flex-direction: column;
	}
	.hotsales_tow image{
		width: 170px !important;
		height: 100px !important;
		/* height: 50px; */
	}
</style>